<template>
<h3>内联事件处理器</h3>
  <div >
    <button @click="count++" >点击按钮</button>
    <p>计数器结果: {{count}}</p>
    <p> 每次点击都会累加,触发方法直接写在html里面</p>
  </div>

  <h3>方法事件处理器:触发函数</h3>
  <div >
    <button @click="addCount" >点击按钮</button>
    <p>计数器结果: {{clickCount}}</p>
    <p> 这里每次点击都会触发js里面的函数方法,每次累加2</p>
  </div>
</template>
<script>
export default {
  data() {
    return{
      count:0,
      clickCount:0
    }
  },
  methods: {
    addCount() {
      console.log("点击了按钮")
      this.clickCount += 2
    }
  }
}
</script>